Show different datepicker for Single Day, Multi-day, and No Date events (eg online only)#574
Open
summasmiff wants to merge 16 commits into
Open
Show different datepicker for Single Day, Multi-day, and No Date events (eg online only)#574summasmiff wants to merge 16 commits into
summasmiff wants to merge 16 commits into
Conversation
summasmiff
marked this pull request as ready for review
July 14, 2026 19:11
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Goals of this PR
New datepickers
New datepicker states are based on these Figma mockups.
- No Date (Online Resource)
Hides the picker completely.
- Single Date (Single-day event, Call for Entry)
Renders one DateTimeVenueEditor.

- Multi-Day (Gallery Show, Multi-day Event, Other)
Renders one DateTimeVenueEditor. Once a first date is selected, shows a button to add more.

New "Add Venue" behavior
The "Add Venue" form is now less prominent to prevent unnecessary venue additions. It is available from the Search Venues component as the final option, "Add a new venue...". When clicked, this opens a modal.


Refactor notes: new components: EventDateTimesVenuesEditor & DateTimeVenueEditor
The purpose of this PR is to add better UX for different types of events. Adding a bunch of new state management into the already-long SubmissionForm felt like a step backwards. Instead, this PR adds a couple new components to manage the local concern of "which datepicker to show".
EventDateTimesVenuesEditor
The main smart container managing the DateTimeVenues array (v-model="calendar_event.date_times"). It handles the conditional logic for three states, Single Day, Multi-Day, and No Date.
DateTimeVenueEditor
A 1:1 dumb presentation component combining the time and venue pickers. Manages confirmation/edit states and toggles between editable or static text displays.
Updates have been made to DateTimePicker and VenuePicker to make them "dumber" (more composable).